<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>我的生活</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="stylesheet" href="css/sm.min.css"/>
<script type='text/javascript' src='js/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
<!--如果你用到了拓展包中的组件，还需要引用下面两个-->

<link rel="stylesheet" href="css/homepage.css"/>
<link rel="stylesheet" href="css/sm-extend.css"/>
</head>

<body>
<header class="bar bar-nav head">
    <a class="icon icon-left pull-left" onclick="javascript: history.go(-1)"></a>

    <h1 class="title">主页</h1>
</header>
<div class="head_portrait" ng-init="a=false">
    <div class="edit_inf" ng-show="username!=null">
        <p ng-click="logOut()">退出登录</p>
    </div>
    <div class="edit_inf" ng-show="username==null">
        <p><a href="#login">去登录</a></p>
    </div>

    <div class="hp_front_img">
        <img ng-show="userImg==null"  id="ss" src="img/noneimg.jpg" />
        <img ng-show="userImg!=null" id="pic" src="{{userImg}}"/>
        <div class="replace_avatar">
            <input id="upload" onchange="angular.element(this).scope().img_upload(this.files)" type="file" ng-model="userImg" accept="image/jpg,image/jpeg,image/png"/>
        </div>
    </div>
    <div id="info">
        <span style="font-size: 0.8rem; color: #ffffff;">{{nickname}}</span><br>
        <span>{{userAge}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>{{sex}}</span>
    </div>

    <div class="hold" ng-click="uploadchange()">
        保存
    </div>
</div>
<div id="follows">
    <div class="myfollow" style=" background: #e7af93;">
        <p style="font-size: 0.9rem">0</p>
        <p>我的关注</p>
    </div>
    <div class="follow">
        <p style="font-size: 0.9rem">0</p>
        <p>关注</p>
    </div>
</div>
<div class="information">


    <div class="inf">
        <div class="inf_input motto">
            签名<input id="underwrite" alt="text"  ng-model="underwrite" type="text" value=""
                     placeholder="空空如也"/>
        </div>

        <div class="inf_input sex">
            性别<input id="gender" alt="text"  ng-model="sex" list="itemlist"/>
            <datalist id="itemlist">
                <option>男</option>
                <option>女</option>
            </datalist>
        </div>

        <div class="inf_input nickname">
            昵称<input id="nickname" alt="text"  ng-model="nickname" type="text"
                     placeholder="您还没有哦"/>

        </div>

        <div class="inf_input">
            年龄 <input alt="text" id="age" ng-model="userAge" type="text" value="18"
                      placeholder="您还没有哦 "/>
        </div>

        <div class="inf_input">
            地址<input alt="text" id="address"  ng-model="userAddress" type="text" value=""
                     placeholder="您还没有哦"/>
        </div>

        <div class="inf_input">
            电话<input alt="text" id="phone"  ng-model="userPhone" type="text" value=""
                     placeholder="您还没有哦"/>
        </div>


    </div>


</div>

</body>

</html>